<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对象解构_基本语法</title>
</head>
<body>
<p>对象解构 是将对象属性和方法快速 批量赋值给一系列变量 的简洁语法</p>
<h3>基本语法</h3>
<p>
    1. 赋值运算符 = 左侧的 {} 用于批量声明变量，右侧对象的属性值将被赋值给左侧的变量 <br>
    2. 对象属性的值将被赋值给与 属性名相同 的变量 (对象里属性名 和 外边变量名 相同)<br>
    3. 注意解构的变量名不要和外面的变量名冲突否则报错 <br>
    4. 对象中找不到与变量名一致的属性时变量值为 undefined
</p>
<hr>


<script>
    // 声明对象
    const 对象1 = {
        名字: '孙新罡',
        年龄: 38
    }
    // 一般情况下, 提取对象属性的值在 赋值
    const 姓名1 = 对象1.名字


    // ----- 对象解构 基本语法 演示-----
    // 解构的语法
    const { 名字2, 年龄2 } = {
                            名字2: '孙新罡',
                            年龄2: 38
                        }
    // 相当于 const 名字2 =  对象.名字
    // 要求属性名和变量名必须一直才可以 (重要记忆)
    console.log(名字2)
    console.log(年龄2)
</script>

</body>
</html>